<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>KOKYU博客-数据中心</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/blogger.css">
    <link rel="stylesheet" href="./css/user_data.css">
</head>
<body>
<div class="nav">
  <div class="left">
    <img src="./asset/img/博客系统.jpg" alt="" class="via">
    <span>KOKYU博客</span>
  </div>
  <div class="right">
    <a href="./blog_data.html">数据</a>
    <a href="./blog_list.html">主页</a>
    <a href="./blog_editor.html">创作</a>
    <a href="logout">注销</a>
  </div>
</div>
<div class="container">
  <div class="blogger">
    <div id="preview">
    </div>
    <h3 id="username"></h3>
    <div id="user-head">
    </div>
    <div class="info-row">
      <span class="type">邮箱:</span><span id="email" class="info"></span><br>
    </div>
    <div class="info-row">
      <span class="type">年龄:</span><span id="age" class="info"></span><br>
    </div>
    <div class="info-row">
      <span class="type">地区:</span><span id="location" class="info"></span><br>
    </div>
    <div class="info-row">
      <span class="type">职业:</span><span id="profession" class="info"></span><br>
    </div>
    <div class="info-row">
      <span class="type">个人简介:</span><span id="resume" class="info"></span>
    </div>
    <div class="counter_title">
      <span>文章</span>
      <span class="divider">|</span>
      <span>分类</span>
    </div>
    <div class="counter_details">
      <span id="blog-count"></span>
      <span id="category-count"></span>
    </div>
    <div>
      <input type="submit" value="编辑信息" class="btn">
    </div>
  </div>
  <div class="blogs" id="data-charts" style="overflow: auto;">
    <div class="data-row">
      <div>
        <span id="visit-total">访问总量</span>
        <div><span id="visit-count"></span></div>
      </div>
      <div id="visit-month-chart"></div>
    </div>
    <div class="data-row">
      <div id="blog-month-chart"></div>
      <div id="visit-age-chart"></div>
    </div>

    <div class="data-row">
      <div id="visit-profession-chart"></div>
      <div id="blog-category-chart"></div>
    </div>
  </div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/echarts.min.js"></script>
<script src="js/blogger.js"></script>
</html>